<!DOCTYPE html>

<html class="theme-next use-motion" lang="zh-Hans" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorate="~{theme/next/layout}">
<head>
    <meta name="generator" content="Hexo 3.8.0">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="theme-color" content="#222">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>归档 | [[${#servletContext.getAttribute('configMap')['blog_name']}]]</title>
</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

<div layout:fragment="content">
    <div id="content" class="content">

        <div class="post-block archive">
            <div id="posts" class="posts-collapse">
                <span class="archive-move-on"></span>

                <span class="archive-page-counter">
                    <span th:if="${pageInfo.total < 30}">嗯..! 目前共计 [[${pageInfo.total}]] 篇日志。 继续努力。</span>
                    <span th:if="${pageInfo.total >= 30 and pageInfo.total < 50}">OK! 目前共计 [[${pageInfo.total}]] 篇日志。 继续努力。</span>
                    <span th:if="${pageInfo.total >= 50 and pageInfo.total < 80}">好! 目前共计 [[${pageInfo.total}]] 篇日志。 继续努力。</span>
                    <span th:if="${pageInfo.total >= 80 and pageInfo.total < 130}">很好! 目前共计 [[${pageInfo.total}]] 篇日志。 继续努力。</span>
                    <span th:if="${pageInfo.total >= 130 and pageInfo.total < 210}">非常好! 目前共计 [[${pageInfo.total}]] 篇日志。 继续努力。</span>
                    <span th:if="${pageInfo.total >= 210}">太棒了! 目前共计 [[${pageInfo.total}]] 篇日志。 继续努力。</span>
                </span>

                <div th:each="map : ${pageInfo.data}">
                    <div class="collection-title">
                        <h2 class="archive-year" th:id="'archive-year-' + ${map.key}">[[${map.key}]]</h2>
                    </div>

                    <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article" th:each="vo : ${map.value}">
                        <header class="post-header">
                            <h3 class="post-title">
                                <a class="post-title-link" th:href="@{'/'+${vo.link}}" itemprop="url">
                                    <span itemprop="name">[[${vo.title}]]</span>
                                </a>
                            </h3>
                            <div class="post-meta">
                                <time class="post-time" itemprop="dateCreated" th:content="${map.key} + '-' + ${vo.month} + '-' + ${vo.day}">
                                    [[${vo.month} + '-' + ${vo.day}]]
                                </time>
                            </div>
                        </header>
                    </article>
                </div>
            </div>
        </div>

        <nav class="pagination" th:if="${#maps.isEmpty(pageInfo.data) eq false}">
            <span th:if="${pageInfo.hasPreviousPage}">
                <a class="extend prev" rel="prev" th:href="@{${pageInfo.pageNum-1} == 1 ? '/archives/' : '/archives/page/' + ${pageInfo.pageNum-1}+'/'}" ><i class="fa fa-angle-left"></i></a>
            </span>
            <span th:each="pageNum : ${pageInfo.navigatepageNums}">
                <span th:if="${pageNum == pageInfo.pageNum}">
                    <span class="page-number current" th:text="${pageNum}">1</span>
                </span>
                <span th:if="${pageNum != pageInfo.pageNum}">
                    <a class="page-number" th:href="@{${pageNum} == 1 ? '/archives/' : '/archives/page/' + ${pageNum}+'/'}" th:text="${pageNum}">2</a>
                </span>
            </span>
            <span th:if="${pageInfo.hasNextPage}">
                <a class="extend next" rel="next" th:href="@{'/archives/page/' + ${pageInfo.pageNum+1}+'/'}" ><i class="fa fa-angle-right"></i></a>
            </span>
        </nav>

    </div>
</div>
</body>
</html>
